<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>黑色Html5响应式个人博客模板——主题《如影随形》</title>
<meta name="keywords" content="个人博客模板,博客模板,响应式" />
<meta name="description" content="如影随形主题的个人博客模板，神秘、俏皮。" />
<link href="{hd:$smarty.const.__VIEW__}/Index/css/base.css" rel="stylesheet">
<link href="{hd:$smarty.const.__VIEW__}/Index/css/index.css" rel="stylesheet">
<link href="{hd:$smarty.const.__VIEW__}/Index/css/media.css" rel="stylesheet">
<link href="{hd:$smarty.const.__VIEW__}/Index/css/page.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
<div class="ibody">
  <header>
    <h1>如影随形</h1>
    <h2>影子是一个会撒谎的精灵，它在虚空中流浪和等待被发现之间;在存在与不存在之间....</h2>
    <div class="logo"><a href="/"></a></div>
    <nav id="topnav">
        <a href="{hd:$smarty.const.__ROOT__}">首页</a>
         {hd:section loop=$category name=c}
              <a href="?a=calssify&cid={hd:$category[c].cid}" {hd:$category[c].active}>{hd:$category[c].catname}</a>
         {hd:/section}
    </nav>
  </header>
  <article>
    <div class="banner">
      <ul class="texts">
        <p>The best life is use of willing attitude, a happy-go-lucky life. </p>
        <p>最好的生活是用心甘情愿的态度，过随遇而安的生活。</p>
      </ul>
    </div>
    <div class="bloglist">
      <h2>
        <p><span>推荐</span>文章</p>
      </h2>
       {hd:section loop=$data name=d}
      <div class="blogs">
        <h3><a href="?a=blog&cid={hd:$data[d].cid}&bid={hd:$data[d].bid}">{hd:$data[d].title}</a></h3>
        <figure><img src="{hd:$smarty.const.__ROOT__}/{hd:$data[d].thumb}" ></figure>
        <ul>
          <p>{hd:$data[d].content|mb_substr:0:250:'utf-8'}...</p>
          <a href="?a=blog&cid={hd:$data[d].cid}&bid={hd:$data[d].bid}" target="_blank" class="readmore">阅读全文&gt;&gt;</a>
        </ul>
        <p class="autor"><span>作者：Linda</span><span>分类：【<a href="?cid={hd:$data[d].cid}">{hd:$data[d].catname}</a>】</span><span>浏览（<a href="/">{hd:$data[d].click}</a>）</span></p>
        <div class="dateview">{hd:$data[d].addtime|date_format:'%Y-%m-%d'}</div>
        {hd:/section}
      </div>
      <div id="page" >
            {hd:$page}
        </div>
    </div>
  </article>
  <aside>
    <div class="topspaceinfo">
      <h1>执子之手，与子偕老</h1>
      <p>于千万人之中，我遇见了我所遇见的人....</p>
    </div>
    <div class="about_c">
      <p>网名：Linda</p>
      <p>职业：PHP程序员 </p>
      <p>籍贯：地球村</p>
      <p>电话：110120119……</p>
      <p>邮箱：651893315@qq.com</p>
    </div>
    <div class="bdsharebuttonbox"><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_more" data-cmd="more"></a></div>
    <div class="tj_news">
      <h2>
        <p class="tj_t1">最新文章</p>
      </h2>
      <ul>
       {hd:section loop=$NewBlog name=n}
        <li><a href="?m=Index&c=Index&a=blog&cid={hd:$NewBlog[n].cid}&bid={hd:$NewBlog[n].bid}" class="title">{hd:$NewBlog[n].title}</a></li>
         {hd:/section}
      </ul>
    </div>
  </aside>
  <script src="{hd:$smarty.const.__VIEW__}/Index/js/silder.js"></script>
  <div class="clear"></div>
  <!-- 清除浮动 --> 
</div>
</body>
</html>
